<template>
    <el-button v-delay
               :type="type"
               :plain="plain"
               :loading="loading" :size="size"
               :round="round" :disabled="disabled" :icon="icon"
               @click="buttonOnclick"
    >
        {{ title }}
    </el-button>
</template>

<script>
export default {
    name: 'ButtonPanel',
    props: {
        // 朴素按钮
        plain: {
            type: Boolean,
            default: false
        },
        // 是否禁用
        loading: {
            type: Boolean,
            default: false
        },
        // 尺寸
        size: {
            type: String,
            default: 'small'
        },
        // 是否禁用
        round: {
            type: Boolean,
            default: false
        },
        // 是否禁用
        disabled: {
            type: Boolean,
            default: false
        },
        // 按钮类型
        icon: {
            type: String,
            default: ''
        },
        // 按钮类型
        type: {
            type: String,
            default: 'primary'
        },
        // 按钮标题
        title: {
            type: String,
            default: ''
        }
    },
    methods: {
        buttonOnclick() {
            this.$emit('click')
        }
    }
}
</script>

<!--<style scoped>-->

<!--</style>-->
